簡介：手把手教大家進行需求分析、組織代碼，并使用組件化編寫高性能代碼。通過本課程學習，你將學會搭建TS開發環境、學會如何分析案例需求、了解什么是組件化、案例樣式排版布局以及功能模塊組件化開發。
第2章 Webpack搭建項目環境
本章主要講解webpack項目環境搭建，以及TypeScript編譯配置。
第3章 需求分析&視頻列表實現
本章主要分析項目，如果進行組件化拆分，以及視頻列表布局實現和視頻列表樣式實現。
第4章 Popup彈層組件開發
本章節主要講解Popup彈層組件框架搭建、模塊化CSS方式、彈層布局結構及樣式、遮罩層布局及樣式、彈層交互及彈層容器回調實現。
第5章 彈出層中的Video播放器組件開發
本章主要講解組件框架搭建、播放器布局結構及樣式書寫、播放與暫停的實現、當前時間與總時間計算、全屏功能、播放進度條、拖拽播放進度條與音量進度條、配置自動播放等功能的實現。